.content {
  display: flex;
  flex-direction: column;
  position: relative;
}

.top-bar {
  z-index: 100;
  overflow: auto;
  font-size: 35rpx;
  color: #fff;
  padding: 20rpx 20rpx 0 20rpx;
}

.bar-left {
  float: left;
}

.bar-right {
  float: right;
}

.msg-area {
  display: inline-block;
  position: relative;
  margin-right: 50rpx;
}

.contentView {
  display: flex;
  flex-direction: column;
}

.leftTitle {
  font-size: 36rpx;
  font-weight: 400;
  color: #ffffff;
  margin-left: 20rpx;
}

.userView {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20rpx;
  margin-right: 20rpx;
  margin-top: 40rpx;
  z-index: 100;
  height: 120rpx;
}

.userInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 20rpx;
  height: 100%;
  justify-content: space-between;
  padding: 13rpx 0;
}

.username {
  font-size: 34rpx;
  color: #ffffff;
}

.userType {
  line-height: 42rpx;
  /* width: 120rpx; */
  height: 42rpx;
  background: #fa453c;
  border-radius: 21rpx;
  text-align: center;
  font-size: 24rpx;
  color: #ffffff;
  padding: 0 20rpx;
}

.logoBtn {
  border-radius: 20rpx;
  font-size: 33rpx;
  color: #fff;
  margin-bottom: 10rpx;
}

.logo-btn {
  width: 145rpx;
  padding: 5rpx 15rpx;
  background-color: #e6f0f5;
  color: #10a28f;
  border-radius: 50rpx;
}

.myTeam {
  font-size: 36rpx;
  color: #ffffff;
  margin: 0 20rpx;
}

.blockView {
  background: #ffffff;
  min-height: 150rpx;
  margin-left: 20rpx;
  margin-right: 20rpx;
  margin-top: 20rpx;
}

.blockItem {
  /* 一行显示四个 */
  min-width: 21%;
  max-width: 24%;
}

.orderView {
  display: flex;
  flex-direction: column;
  border-radius: 10rpx;
  min-height: 150rpx;
  z-index: 100;
}

.orderTab {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 25rpx;
}

.activeTab {
  font-weight: 500;
  font-size: 30rpx;
  color: #333333;
  margin-left: 20rpx;
}

.otherText {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-size: 24rpx;
  font-weight: 400;
  color: #aba9a2;
  margin-right: 20rpx;
}

.tabItemView {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 40rpx;
}

.tabItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40rpx 10rpx;
}

.tabTitle {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 15rpx;
}

.tabTitle2 {
  font-size: 26rpx;
  color: #333333;
  font-weight: 400;
  margin-top: 15rpx;
}

.tabNumber {
  font-weight: 500;
  font-size: 32rpx;
  color: #333333;
}

.menuView {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 10rpx;
  min-height: 180rpx;
}

.menuTitle {
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
  padding: 20rpx;
}

.gridView {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border: none;
}

button {
  line-height: 1;
}

button::after {
  border: none;
}

.gridText {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  margin-top: 20rpx;
}

.fans-bar {
  display: flex;
  justify-content: space-between;
  z-index: 100;
  padding: 30rpx 40rpx;
  font-size: 32rpx;
  color: #fff;
}

.rider {
  width: calc(100% - 40rpx);
  padding: 20rpx;
  display: flex;
  align-items: center;
  font-size: 30rpx;
  background-color: #fff;
}

.rider .rig-tip {
  font-size: 24rpx;
}

.rider .rider-des {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 10rpx;
}

.rider .rider-des-t {
  font-size: 28rpx;
}

.rider .rider-des-c {
  color: #999999;
  font-size: 22rpx;
}
